<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
        content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width">
    <title>
        每日优鲜 订单详情 </title>
    <!---->
    <link rel="stylesheet" type="text/css" href="css/orderComfirmCss.css"/>
    <script src="js/orderComfirmJs.js" type="text/javascript" rel="script">
        <!-- script标签必须使用开始标签与结束标签，否则解析错误，界面不予显示 -->
    </script>
</head>
<body>
<!--订单信息部分-->
<div class="whiteBackground">
    <h6 class="blackFont">订单信息</h6>
    <p>
        <span class="copyTitle">
            订单编号：DD17042114342220201
        </span>
        <span class="copyLable">
            复制
        </span>
    </p>
    <p>交易流水：4004212001201704217804218863
    </p>
    <p>创建时间：2017-04-21 14:34:23</p>
    <p>付款时间：2017-04-21 14:34:23</p>
    <p class="borderStyleNone">快速单号：927071200343</p>
    <div class="space_f5"></div>
</div>
<!-- 结算信息部分 -->
<div class="whiteBackground">
    <h6 class="blackFont">
        结算信息 </h6>
    <p>
        <span class="infoTitle blackFont">
            用券优惠
        </span>
        <span class="infoContent blackFont">
            每日优鲜5折优惠券
        </span>
    </p>
    <p>
        <span class="infoTitle blackFont">
            可用券价
        </span>
        <span class="infoContent blackFont">
            ￥290.7
        </span>
    </p>
    <p>
        <span class="icon_pink blackFont">
        </span>
        <span class="infoTitle blackFont">
            第二件优惠（山楂宝贝山楂条128g）
        </span>
        <span class="infoContent text_pink">
            -￥9.4
        </span>
    </p>
    <p>
        <span class="icon_pink"></span>
        <span class="infoTitle blackFont">
            优惠券
        </span>
        <span class="infoContent text_pink">
            -￥168.78
        </span>
    </p>
    <p>
        <span class="icon_pink"></span>
        <span class="infoTitle blackFont">
            红包
        </span>
        <span class="infoContent text_pink">
            -￥2
        </span>
    </p>
    <p>
        <span class="infoTitle blackFont">
            商品实付
        </span>
        <span class="infoContent blackFont">
            ¥110.52
        </span>
    </p>
    <p>
        <span class="infoTitle blackFont">
            运费
        </span>
        <span class="infoContent blackFont">
            免邮
        </span>
    </p>
    <p class="borderStyleNone">
        <span class="infoContent totalPrice">
            合计：￥110.52
        </span>
    </p>
    <div class="space_f5">
    </div>
</div>
<!-- 会员卡 -->
<div class="borderStyleNone blackFont whiteBackground"
    style="display: flex;align-items: center;padding: 5px;height: 44px;">
    <span id="goldCard" style="margin-right: 5px;margin-left: 10px;color: red">金卡</span>
    <span class="blackFont borderStyleNone">会员卡返现</span>
    <div style="flex: 1;align-items: center;">
        <div class="borderStyleNone" style="text-align: right;font-size: 1em;margin-right: 10px;">¥4.6</div>
        <div class="borderStyleNone" style="text-align: right;color: #969696;font-size: 14px;margin-right: 10px;">
            返现金额已达上限
        </div>
    </div>
</div>
<!-- 会员卡 -->
<div class="space_f5">
</div>
<div class="borderStyleNone whiteBackground" style="display: flex;padding: 15px;">
    <span style="font-size: 0.875em;color: #262626;flex: 1;">积分</span>
    <span style="font-size: 0.875em;color: #ff4891;">+41</span>
</div>
<div class="space_f5"></div>
<div style="text-align: center;color: #969696;font-size: 0.75em;margin-top: 18px;letter-spacing: 0;">
    如果收到的商品出现质量、错发、漏发等情况可申请售后退款
</div>
<hr style="margin: 0px;margin-top: 10px;"/>
<div id="requestResultShowView"
    style="padding: 10px;background-color:#b3d4fc;margin: 10px;">

</div>
<div id="netArrayContentShow">



</div>
<div style="display: flex;background-color: white;padding: 6px;">
    <button onclick="changeAText()" style="flex: 1" class="shapeCorner4PxFF4891">切换成为银卡</button>
    <button onclick="changeATextColor()" style="flex: 1" class="shapeCorner4PxFF4891">切换全部字体颜色</button>
    <button onclick="outputNodeNameByTag()" style="flex: 1" class="shapeCorner4PxFF4891">输出标签的nodeName</button>
    <button onclick="requestHttpServiceClassProject()" style="flex: 1" class="shapeCorner4PxFF4891">请求每日优鲜服务器的分类接口
    </button>
</div>
</body>
</html>
